@charset "utf-8";

@media screen and (max-width:1336px) {	
#header h1.logo{ margin-left:30px;}
#header .rightBox{  margin-right:30px; } 
.Vidage, .Vidage__video { min-height:100% }
}

@media screen and (max-width:1290px){
	.hotelInfo2 .newsArea{width:auto; padding:50px 50px;}
	.hotelInfo2 .tabContent{width:auto; padding:40px 50px;}
	.hotelInfo2 .aboutArea{width:auto; padding:50px 50px;}
	.hotelInfo2 .newsArea{width:auto; padding:50px 50px;}
	.hotelInfo2 .titleTab ul.list{width:auto;}
	.hotelBox{width:auto; padding-left:50px; padding-right:50px;}
	.hotelInfo2 .tabContent {width:auto; padding-left:50px; padding-right:50px;}
	.hotelInfo2 .hotelBox{width:auto; padding-left:0; padding-right:0;}
	.filtrateBox .filtList,.filtrateBox .tabContent{width:auto; padding:0 50px;}

	.VIPArea{width:auto; padding:40px 50px; padding-bottom:100px;}
	.huodong .active-wrapper{width:1000px;}
	.huodong .swiper-container{width:780px; height:504px;}
	.huodong .hdTitList{width:220px; height:504px;}
	.huodong .hdTitList li.hdTitList-item{ height:84px;}
	.huodong .hdTitList li.hdTitList-item h3{font:normal 16px/84px "微软雅黑";}

	/*文章详情页*/
	#container .detail-wrapper{
		width:auto;
		padding:50px 50px;
	}
}

@media screen and (max-width:1000px){
	.huodong .active-wrapper{width:768px;}
	.huodong .swiper-container{width:614px; height:396px;}
	.huodong .hdTitList{width:154px; height:396px;}
	.huodong .hdTitList li.hdTitList-item{ height:66px;}
	.huodong .hdTitList li.hdTitList-item h3{font:normal 16px/66px "微软雅黑";}
}


@media screen and (max-width:1280px) {
	
#header{ height:100px;}
#header h1.logo{ width:200px; height:74px;}
#header .rightBox{ margin-top:18px;}

#header .search-nav{margin-right:30px;}
#header .search-nav .search-box{bottom:-152px;}

.mainNav li a{ font-size:16px;}
.mainNav li{ margin-left:8px;}
.mainNav li a{ padding:5px; }
.sub_nav{top:100px;}
#header .rightBox .language .list{  top:43px; }
.huodong .hdBox{ width:100%;}
.desBox{width:90%; padding-left:5%; padding-right:5%;}
.filtrateBox .filtList li.one{ width:25%;}
.filtrateBox .filtList li.tow{width:25%;}
.filtrateBox .filtList li.three{width:50%;}
.dateSelect .btnBox  a.btn{  width:150px; height:40px; font: normal 18px/40px "微软雅黑"; margin-top: 70px;}

.hotelBox .hotelList li{ height:200px; padding-left:300px;}
.hotelBox .hotelList li .thumb{  width:300px; height:200px; }


.hotelBox .hotelList li .con{ float:left; width:65%;}
.hotelBox .hotelList li .line{ float:left; width:7%; height:140px; border-right:1px solid #d8d6d6; box-sizing:border-box;} 
.hotelBox .hotelList li .book{ float:right; width:28%; height:140px; text-align:center;}

.desBox .hotHotels .hList { width:106%; margin:0 -3%;}
.desBox .hotHotels .hList li {float:left; width:44%;}

}




@media screen and (max-width:1170px) {

.huodong .hdBox .picBox{ padding-right:30%;}
.huodong .hdBox .hdTitList{width:30%;}
.wxjx .items.wx h2{ font:normal 24px/32px "微软雅黑";}
.wxjx .items .tit a{ font:normal 16px/24px "微软雅黑";}

.dateSelect .dateBox{ float:none; width:100%;}
.dateSelect .rightBox{ float:none; width:550px; margin:0 auto;}



.dateSelect .personBox{  float:left; width:55%; height:140px; border:none;} 

.dateSelect .personBox .itemBox{ width:187px; margin:0 auto; padding-top:0;}
.dateSelect .btnBox  a.btn{ margin-top:45px;}


.hotelInfo2 .titleTab ul.list li{  padding:0 20px;}


}





@media screen and (max-width:1024px) {
.mainNav{ display:none;}
.smallTopNav.cc{ display:block;}
.sub_nav{ display:none;}

#header .smallTopNav.cc{margin-right:20px;}
#header .search-nav{margin-top:6px;}
#header .search-nav .icon-search{margin-left:0; margin-right:0;}
#header .search-nav-cont{border-left:0;}
#header .search-nav .search-box{bottom:-146px;}

#container .hotelBanner .thumb{ width: 100%; height:auto; float:none;}
#container .hotelBanner .thumb img{ display:block;width:100%; height:auto;}


#container .hotelBanner .content{width: 100%; float:none; background:#ba954f; padding:25px;  box-sizing:border-box; } 

.filtrateBox {width:90%; padding:30px 5%;}
.filtrateBox.fixed{padding:0 5%;}
.hotelBox { padding-left:5%;   padding-right:5%;}
.filtrateBox .filtList,.filtrateBox .tabContent{width:100%; padding:0;}


.filtrateBox .filtList li.one{ width:22%;}
.filtrateBox .filtList li.tow{width:24%;}
.filtrateBox .filtList li.three{width:54%;}
.filtrateBox .filtList li i{ margin-right:5px;}
.filtrateBox .filtList li .box{ padding:0 10px;}


.hotelBox .filtBox .pailie{ display:none;}

.hotelBox .hotelList{margin-left:-3%; }
.hotelBox .hotelList li{ float:left; width:30.3333%; margin-left:3%;  height:auto; padding:0; box-sizing:border-box;}
.hotelBox .hotelList li .thumb{ position: static; width:100%;}
.hotelBox .hotelList li .content{ padding:20px;}
.hotelBox .hotelList li .con{ float:none; width:100%;}
.hotelBox .hotelList li .con .txt{ display:none;} 
.hotelBox .hotelList li .line{ display:none;} 
.hotelBox .hotelList li .book{ float:none; width:100%; height:auto; text-align:center; display:block;}
.hotelBox .hotelList li .book .price { color:#ba9550; text-align:right;}
.hotelBox .hotelList li .book .price .f{ font: bold 1.15rem/3rem "微软雅黑"; }
.hotelBox .hotelList li .book .price .c{ font: bold 2em/3rem "微软雅黑"; }
.hotelBox .hotelList li .book .price .s{ font: normal 0.875rem/3rem "微软雅黑"; color:#888 }
.hotelBox .hotelList li .book a.booking{ padding:0.65rem 2.75rem; margin-bottom:0.5rem;}
.hotelBox .hotelList li .book a.booking:hover{ text-decoration:none; background:#409e6c;}

.hotelBox .hotelList.h{margin-left:-3%; }
.hotelBox .hotelList.h li{ float:left; width:30.3333%; margin-left:3%;  height:auto; padding:0; box-sizing:border-box;}

.hotelInfo2 .hotelList .roomList .con{ width:70%;}
.hotelInfo2 .hotelList .roomList .rightBox{ width:auto; float:right; margin-top:-25px;}

.hotelInfo2 .hotelList .roomList .rightBox .price{ margin-top:0; width:180px; float:none;}
.hotelInfo2 .hotelList .roomList .booking{ float:none;}



.hotelInfo2 .address .map { float:none; width:100%; margin-top:20px; }
.hotelInfo2 .address .map img { display:block; width:100%; height:500px; }
.hotelInfo2 .address .txtBox{padding:0 3%; width:100%; float:none; margin-top:20px;}
.hotelInfo2 .mapClass{width:100%; min-height:400px; float:none; display:block;}

.sub_nav .item{  margin-left:10px;}
.hotelInfo2 .hotelBox{padding-left:0; padding-right:0;}
.hotelInfo2 .hotelBox .hotelList{margin-left:0;}
.hotelInfo2 .hotelBox .hotelList li{float:none; width:100%; margin-left:0;}
.hotelInfo2 .hotelBox .hotelList .hotelBox .hotelList .thumb {height:300px;}
.hotelInfo2 .hotelBox .hotelList li .con .txt{float:none; display:block; margin-bottom:0.5em;}

.filtrateBox .tabContent .item a {width:25%;}
}





@media screen and (max-width:900px) {

.mobileNav{}


// .filtrateBox .tabContent .item a:nth-child(5n+1){ padding-left:0;}
// .filtrateBox .tabContent .item a:nth-child(5n+2){ padding-left:1%;}
// .filtrateBox .tabContent .item a:nth-child(5n+3){ padding-left:3%;}
// .filtrateBox .tabContent .item a:nth-child(5n+4){ padding-left:5%;}
// .filtrateBox .tabContent .item a:nth-child(5n+5){ padding-left:6%;}
.filtrateBox .tabContent .item a {width:33.33%;}


.hotelBox .hotelList{margin-left:-5%; }
.hotelBox .hotelList li{ float:left; width:45%; margin-left:5%;  height:auto; padding:0; box-sizing:border-box;}

.hotelBox .hotelList.h{margin-left:-5%; }
.hotelBox .hotelList.h li{ float:left; width:45%; margin-left:5%;  height:auto; padding:0; box-sizing:border-box;}


.hotelInfo2 .hotelList .roomList .con{ width:100%; float:none;}
.hotelInfo2 .hotelList .roomList .rightBox{ width:auto; float:none; margin-top:25px;}

.hotelInfo2 .hotelList .roomList .rightBox .price{ text-align:left; float:left;  margin-top:10px;}

.hotelInfo2 .hotelList .roomList .booking{ float:right;}

.hotelInfo2 .titleTab ul.list li{  padding:0 8px;}
.mediaInForm{   padding:35px 30px 50px 30px;}
.mediaInForm .formBox{ width:100%; margin:0;}
.desBox .hotHotels .hList {width:100%; margin:0; }
.desBox .hotHotels .hList li {float:none; width:100%; margin-left:0; margin-right:0;}

}



@media screen and (max-width:1000px) {
}

@media only screen and (min-width: 801px) {

}



@media screen and (max-width:800px) {
// .desBox .hotHotels .hList{ width:100%; margin-right:5%;}



}


@media screen and (max-width:768px) {
::-webkit-scrollbar {width:1px;height:1px}
.pcSite{ display:none;}
#wrapper{ overflow-y:auto;}
.mobileSite{ display:block;}
.mobileNav{ top:50px;}
}




@media screen and (max-width:660px) {
.mHeader{ padding-left:1rem;}

}



@media screen and (max-width:480px) {
	
.mobileNav{ top:58px;}

}




@media screen and (max-width:400px) {
.tuijzt .listBox .list li{  width:150px;}


.mFiltrateBox .filtList li .box{ padding:0 0.5rem;}
.mFiltrateBox .filtList li i{ margin-right:0;}
.hotelInfo .inputArea{padding: 0.5rem;}
.hotelInfo .inputBox{padding: 0.5rem;}

}



@media screen and (max-width:370px) {
.tuijzt .listBox .list li{  width:136px;}
.mFiltrateBox .filtList li .item{  font-size:0.75rem;}
}



@media screen and (max-width:320px) {
.tuijzt .listBox .list li{  width:132px;}
.mFiltrateBox .filtList li .date span{ margin-right:3px;}
.mFiltrateBox .filtList li i{ width:36px;}
.hotelInfo .inputBox .input span{ padding:0 5px; font-size:12px;}
}

/*
kermit
2016-11-15
*/
.loading{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.5);
	z-index:99999;
	display:none;
}
.loading .loading-inner{
	position:relative;
	width:100%;
	height:100%;
}
.loading .loading-content{
	width:40px;
	height:40px;
	padding:10px;
	background-color:#fff;
	border-radius:5px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top: -30px;
	margin-left: -30px;
}
.loading .loading-content img{
	width:100%;
	height:100%;
}
/*行内loading*/
.inline-loading{
	width:100%;
	height:auto;
	padding:20px 0;
	text-align:center;
	margin:0 auto;
	background-color:rgba(0, 0, 0, 0.03);
}
.inline-loading img{
	display:inline-block;
	width:40px;
	height:40px;
}
